<?php include 'headerN.php';
?>
  <div class="edicao">
           Consultar Participantes/Usuário
       </div>

        <?php 
        include 'crudPHP/start.php';
        //$idEvento=$_SESSION['idEvento'];
        //include 'usuariosModel.php';
        //$dados = new cursosModel();
        ?>
  <br>
  
  <div class="tbl_conteudo">
      
      <a href="usuariosFormCad.php" class="button">Novo Participante</a><p>
	
          <!-- =============== Área de Pesquisa =================== -->
                
                    <fieldset class="filtro">
                        Status:
                        <select  class="pesquisa" id="selectStatus" name=eventoCombo> <!--onChange=vai(this)-->
                            <option value="">todos</option>   
                            <option value="0">PARTICIPANTE</option>
                            <option value="1">ADMINISTRADOR</option>
                            <option value="2">CORDENADOR</option>
                        </select>
                         Ordem:
                        <select  class="pesquisa" id="selectOrdem" name=eventoCombo> <!--onChange=vai(this)-->
                            <option value="Nome">Nome</option>   
                            <option value="Id">Codigo</option>
                       
                        </select>
                        Tema:
                        <input type="text" name="txtPesquisa" class="pesquisa">
                        <input type="submit" id="btPesquisa" value="Listar">
                    </fieldset>
                
                <!-- =============== Fim Área de Pesquisa =================== -->
          
          
      <div class="tabela" >
                     <table class="meio"  width="80%" cellspacing="2" cellpadding="2">
				<thead>
					<tr>
						<th width="30%">Nome</th>
						<th>CPF</th>
						<th>RG</th>
						<th >Edição</th>
					</tr>
			</thead>
				<tbody id="dados">
                                    <td>Clique em listar</td>
				 </tbody>
			</table>
                    <div class="rodape_lista" id="rodape">
                </div>
                    
		</div>
			  <div class="clr" id="dados2"></div>
		
        
  <?php include 'footerN.php';?>



                          
                          
                          <script type="text/javascript">
    $(function(){
        document.getElementById('btPesquisa').onclick = atualizaTabela;
        
        function atualizaTabela(){
            //pega o valor do select status
            var status = $('#selectStatus option:selected').val();
            //pega o valor do select ordem
            var ordem = $('#selectOrdem option:selected').val();
            //pega o valor digita no input tema
            var tema = $("input[type=text][name=txtPesquisa]").val();
            //efeito de atualizacao da tabela
            $("#dados").fadeOut(50);
            //passa array dados para a pagina eventosModel com os dados pegados acima e atualiza a tabela e o rodape
            $("#dados").load('usuariosModel.php', {'dados[]':[0, status, tema, ordem]});
            $("#rodape").load('usuariosModel.php', {'dados[]':[1]});
            $("#dados").fadeIn(1000);
        }
    });
    
     function confirmExclusao(id) {  
        if (confirm("Tem certeza que deseja excluir esse cadastro?" )) {  
            //passa array dados para a pagina eventosModel
            $("#dados").load('usuariosModel.php', {'dados[]':[2 , id]});
         }
     }
</script>